<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <script src="./javascripts/jQuery.js"></script>
    <script src="./javascripts/bootstrap.js"></script>
    <link rel="stylesheet" href="./css/index.css">
  
</head>

<body>
    <!-- 顶部 吸顶菜单 -->
    <div class="h-content ">
        <a href="#" class="content-logo">
            <img src="./assert/content_logo.png" alt="">
        </a>
        <ul>
            <li>
                <a href="./register.html">注册</a>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <a href="./login.html">登录</a>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <a href="#">
                    <i class="iconfont icon-zhanghuffffffpx"></i>
                    <span>账户</span>
                </a>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <a href="#">
                    <i class="iconfont icon-aixin"></i>
                    <span>收藏夹</span>
                </a>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <a href="#">
                    <i class="iconfont icon-gouwucheman"></i>
                    <span>购物车</span>
                    <i class="iconfont icon-tubiao-"></i>
                </a>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <a href="#">
                    <i class="iconfont icon-zhanneixin"></i>
                    <span> 站内信</span>
                </a>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <a href="#">
                    <i class="iconfont icon-lianxikefu"></i>
                    <span>联系客服</span>
                </a>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <div>
                    <i class="iconfont icon-8"></i>
                    <span>门店购买
                        <div class="share-overlay">
                            <span>门店急送等服务仅支持手机端购买，欢迎扫码体验！</span>
                            <div class="div-box-left">
                                <img class="left-image" src="./assert/yyk-app-download.png" alt="">
                                <span class="span-height">优衣库APP下载</span>
                            </div>
                            <div class="div-box-right">
                                <img class="right-image" src="./assert/yykwx-download.png" alt="">
                                <span class="span-height">优衣库小程序登录</span>
                            </div>
                        </div>
                    </span>
                </div>
            </li>
            <li class="iconfont icon-vertical_line"></li>
            <li>
                <div class="h-text-box">
                    <i class="iconfont icon-fangdajing info"></i>
                    <input type="text" placeholder="站内搜索" autocomplete="off">
                    <div class="recommended-wrapper">
                        <div class="recommended-words">
                            <div class="recommended-words-title">热门搜索</div>
                            <ul>
                                <li>优衣库 X ROY6 by LINE FRIENDS</li>
                                <li>外套</li>
                                <li>针织衫</li>
                                <li>HEATTECH</li>
                                <li>Peanuts礼盒</li>
                                <li>摇粒绒系列</li>
                                <li>床上用品</li>
                                <li>修改裤长</li>
                                <li>定制款衬衫</li>
                                <li>企业团购</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <!-- 导航条 -->
    <header class="header-nav">
        <!-- 遮罩层 -->
        <div class="nav-mask-cover"></div>
        <!-- 一级菜单 -->
        <div class="main-nav">
            <ul class="left-nav">
                <div class="nav-logo">
                    <a href="./index.html">
                        <img src="./assert/content_logo.png" alt="">
                    </a>
                </div>
                <li class="nav-women">
                    <a href="#">女装 women</a>
                </li>
                <li class="nav-men">
                    <a href="#">男装 men</a>
                </li>
                <li class="nav-kids">
                    <a href="#">童装 kids</a>
                </li>
                <li class="nav-baby">
                    <a href="#">婴幼儿装 baby</a>
                </li>
            </ul>
            <ul class="right-nav">
                <li class="nav-guide">
                    <a href="#">网上购买指南</a>
                </li>
                <li class="nav-about">
                    <a href="#">关注我们</a>
                </li>
                <li class="nav-announcement">
                    <a href="#">公告区</a>
                </li>
                <li class="nav-shoplist">
                    <a href="#">店铺资料</a>
                </li>
            </ul>
        </div>
        <!-- 二级菜单 -->
        <ol class="main-nav-list">
            <!-- women -->
            <li class="list_content ">
                <div class="list_content_flag flag1"></div>
                <dl>
                    <div class="nav-list-part">
                        <dt>女士外套&针织衫</dt>
                        <dd>
                            <a href="./detail.html">外套</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">针织衫</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">防晒系列</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">羽绒</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">摇粒绒系列</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">棉服</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">羊绒服</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">毛衣</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">长袖</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">羊毛衫</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裙装</dt>
                        <dd>
                            <a href="./detail.html">长裙</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">短裙</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">连衣裙</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">半身裙</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">裙裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">秋装女裙</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裤装</dt>
                        <dd>
                            <a href="./detail.html">牛仔裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">长裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">紧身裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">棉裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">加绒裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">九分裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">七分裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">小脚裤</a>
                        </dd>
                    </div>
                </dl>
                <dl>
                    <div class="nav-list-part">
                        <dt>衬衫&T恤</dt>
                        <dd>
                            <a href="./detail.html">外套</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">针织衫</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">防晒系列</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">羽绒</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">摇粒绒系列</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">棉服</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">羊绒服</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">毛衣</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">长袖</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">羊毛衫</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裙装</dt>
                        <dd>
                            <a href="./detail.html">长裙</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">短裙</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">连衣裙</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">半身裙</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">裙裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">秋装女裙</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裤装</dt>
                        <dd>
                            <a href="./detail.html">牛仔裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">长裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">紧身裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">棉裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">加绒裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">九分裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">七分裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">小脚裤</a>
                        </dd>
                    </div>
                </dl>
                <dl>
                    <div class="nav-list-part">
                        <dt>内衣&内衣&袜子</dt>
                        <dd>
                            <a href="./detail.html">外套</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">针织衫</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">防晒系列</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">羽绒</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">摇粒绒系列</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">棉服</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">羊绒服</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">毛衣</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">长袖</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">羊毛衫</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裙装</dt>
                        <dd>
                            <a href="./detail.html">长裙</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">短裙</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">连衣裙</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">半身裙</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">裙裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">秋装女裙</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裤装</dt>
                        <dd>
                            <a href="./detail.html">牛仔裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">长裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">紧身裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">棉裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">加绒裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">九分裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">七分裤</a>
                        </dd>
                        <dd>
                            <a href="./detail.html">小脚裤</a>
                        </dd>
                    </div>
                </dl>
                <dl>
                    <div class="up-part">
                        <ul>
                            <li>
                                <a href="./detail.html" class="new">新作商品</a>
                            </li>
                            <li>
                                <a href="./detail.html">特大/特小尺码</a>
                            </li>
                            <li>
                                <a href="./detail.html">超U惠专区</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="./detail.html">UT特辑</a>
                            </li>
                            <li>
                                <a href="./detail.html">合作系列</a>
                            </li>
                            <li>
                                <a href="./detail.html">便利购物服务</a>
                            </li>
                            <li>
                                <a href="./detail.html">Today's Pick Up</a>
                            </li>
                        </ul>
                    </div>
                    <div class="bottom-part">
                        <div class="part-title">特辑推荐</div>
                        <ul>
                            <li>
                                <a href="./detail.html">
                                    <img src="./assert/tejituijian01.jpg" alt="">
                                    <p>羽绒服</p>
                                </a>
                            </li>
                            <li>
                                <a href="./detail.html">
                                    <img src="./assert/tejituijian02.jpg" alt="">
                                    <p>法兰绒</p>
                                </a>
                            </li>
                        </ul>
                        <a href="./detail.html" class="title-bottom">点击更多查看专辑</a>
                    </div>
                </dl>
                <a href="./detail.html" class="nav-close-btn">X</a>
            </li>
            <!-- men -->
            <li class="list_content ">
                <div class="list_content_flag flag2"></div>
                <dl>
                    <div class="nav-list-part">
                        <dt>男士外套</dt>
                        <dd>
                            <a href="javascript:void(0)">外套</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">针织衫</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">防晒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羽绒</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">摇粒绒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊绒服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">毛衣</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长袖</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊毛衫</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裙装</dt>
                        <dd>
                            <a href="javascript:void(0)">长裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">短裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">连衣裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">半身裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">裙裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">秋装女裙</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裤装</dt>
                        <dd>
                            <a href="javascript:void(0)">牛仔裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">紧身裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">加绒裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">九分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">七分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">小脚裤</a>
                        </dd>
                    </div>
                </dl>
                <dl>
                    <div class="nav-list-part">
                        <dt>衬衫&T恤</dt>
                        <dd>
                            <a href="javascript:void(0)">外套</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">针织衫</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">防晒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羽绒</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">摇粒绒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊绒服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">毛衣</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长袖</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊毛衫</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裙装</dt>
                        <dd>
                            <a href="javascript:void(0)">长裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">短裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">连衣裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">半身裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">裙裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">秋装女裙</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裤装</dt>
                        <dd>
                            <a href="javascript:void(0)">牛仔裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">紧身裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">加绒裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">九分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">七分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">小脚裤</a>
                        </dd>
                    </div>
                </dl>
                <dl>
                    <div class="nav-list-part">
                        <dt>内衣&内衣&袜子</dt>
                        <dd>
                            <a href="javascript:void(0)">外套</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">针织衫</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">防晒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羽绒</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">摇粒绒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊绒服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">毛衣</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长袖</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊毛衫</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裙装</dt>
                        <dd>
                            <a href="javascript:void(0)">长裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">短裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">连衣裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">半身裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">裙裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">秋装女裙</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裤装</dt>
                        <dd>
                            <a href="javascript:void(0)">牛仔裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">紧身裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">加绒裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">九分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">七分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">小脚裤</a>
                        </dd>
                    </div>
                </dl>
                <dl>
                    <div class="up-part">
                        <ul>
                            <li>
                                <a href="javascript:void(0)" class="new">新作商品</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">特大/特小尺码</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">超U惠专区</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="javascript:void(0)">UT特辑</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">合作系列</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">便利购物服务</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">Today's Pick Up</a>
                            </li>
                        </ul>
                    </div>
                    <div class="bottom-part">
                        <div class="part-title">特辑推荐</div>
                        <ul>
                            <li>
                                <a href="javascript:void(0)">
                                    <img src="./assert/nanzhuang01_02.jpg" alt="">
                                    <p>羽绒服</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <img src="./assert/nanzhuang01_03.jpg" alt="">
                                    <p>法兰绒</p>
                                </a>
                            </li>
                        </ul>
                        <a href="javascript:void(0)" class="title-bottom">点击更多查看专辑</a>
                    </div>
                </dl>
                <a href="javascript:void(0)" class="nav-close-btn">X</a>
            </li>
            <!-- KIDS -->
            <li class="list_content ">
                <div class="list_content_flag flag3"></div>
                <dl>
                    <div class="nav-list-part">
                        <dt>童装外套</dt>
                        <dd>
                            <a href="javascript:void(0)">外套</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">针织衫</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">防晒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羽绒</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">摇粒绒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊绒服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">毛衣</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长袖</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊毛衫</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裙装</dt>
                        <dd>
                            <a href="javascript:void(0)">长裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">短裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">连衣裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">半身裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">裙裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">秋装女裙</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裤装</dt>
                        <dd>
                            <a href="javascript:void(0)">牛仔裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">紧身裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">加绒裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">九分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">七分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">小脚裤</a>
                        </dd>
                    </div>
                </dl>
                <dl>
                    <div class="nav-list-part">
                        <dt>衬衫&T恤</dt>
                        <dd>
                            <a href="javascript:void(0)">外套</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">针织衫</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">防晒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羽绒</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">摇粒绒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊绒服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">毛衣</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长袖</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊毛衫</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裙装</dt>
                        <dd>
                            <a href="javascript:void(0)">长裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">短裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">连衣裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">半身裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">裙裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">秋装女裙</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裤装</dt>
                        <dd>
                            <a href="javascript:void(0)">牛仔裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">紧身裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">加绒裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">九分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">七分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">小脚裤</a>
                        </dd>
                    </div>
                </dl>
                <dl>
                    <div class="nav-list-part">
                        <dt>内衣&内衣&袜子</dt>
                        <dd>
                            <a href="javascript:void(0)">外套</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">针织衫</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">防晒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羽绒</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">摇粒绒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊绒服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">毛衣</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长袖</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊毛衫</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裙装</dt>
                        <dd>
                            <a href="javascript:void(0)">长裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">短裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">连衣裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">半身裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">裙裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">秋装女裙</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裤装</dt>
                        <dd>
                            <a href="javascript:void(0)">牛仔裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">紧身裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">加绒裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">九分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">七分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">小脚裤</a>
                        </dd>
                    </div>
                </dl>
                <dl>
                    <div class="up-part">
                        <ul>
                            <li>
                                <a href="javascript:void(0)" class="new">新作商品</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">特大/特小尺码</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">超U惠专区</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="javascript:void(0)">UT特辑</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">合作系列</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">便利购物服务</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">Today's Pick Up</a>
                            </li>
                        </ul>
                    </div>
                    <div class="bottom-part">
                        <div class="part-title">特辑推荐</div>
                        <ul>
                            <li>
                                <a href="javascript:void(0)">
                                    <img src="./assert/tongzhuang01_02.jpg" alt="">
                                    <p>羽绒服</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <img src="./assert/tongzhuang01_03.jpg" alt="">
                                    <p>法兰绒</p>
                                </a>
                            </li>
                        </ul>
                        <a href="javascript:void(0)" class="title-bottom">点击更多查看专辑</a>
                    </div>
                </dl>
                <a href="javascript:void(0)" class="nav-close-btn">X</a>
            </li>
            <!-- BABY -->
            <li class="list_content ">
                <div class="list_content_flag flag4"></div>
                <dl>
                    <div class="nav-list-part">
                        <dt>新生儿装</dt>
                        <dd>
                            <a href="javascript:void(0)">外套</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">针织衫</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">防晒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羽绒</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">摇粒绒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊绒服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">毛衣</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长袖</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊毛衫</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裙装</dt>
                        <dd>
                            <a href="javascript:void(0)">长裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">短裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">连衣裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">半身裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">裙裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">秋装女裙</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裤装</dt>
                        <dd>
                            <a href="javascript:void(0)">牛仔裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">紧身裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">加绒裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">九分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">七分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">小脚裤</a>
                        </dd>
                    </div>
                </dl>
                <dl>
                    <div class="nav-list-part">
                        <dt>衬衫&T恤</dt>
                        <dd>
                            <a href="javascript:void(0)">外套</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">针织衫</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">防晒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羽绒</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">摇粒绒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊绒服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">毛衣</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长袖</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊毛衫</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裙装</dt>
                        <dd>
                            <a href="javascript:void(0)">长裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">短裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">连衣裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">半身裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">裙裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">秋装女裙</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裤装</dt>
                        <dd>
                            <a href="javascript:void(0)">牛仔裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">紧身裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">加绒裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">九分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">七分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">小脚裤</a>
                        </dd>
                    </div>
                </dl>
                <dl>
                    <div class="nav-list-part">
                        <dt>内衣&内衣&袜子</dt>
                        <dd>
                            <a href="javascript:void(0)">外套</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">针织衫</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">防晒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羽绒</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">摇粒绒系列</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊绒服</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">毛衣</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长袖</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">羊毛衫</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裙装</dt>
                        <dd>
                            <a href="javascript:void(0)">长裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">短裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">连衣裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">半身裙</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">裙裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">秋装女裙</a>
                        </dd>
                    </div>
                    <div class="nav-list-part">
                        <dt>裤装</dt>
                        <dd>
                            <a href="javascript:void(0)">牛仔裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">长裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">紧身裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">棉裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">加绒裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">九分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">七分裤</a>
                        </dd>
                        <dd>
                            <a href="javascript:void(0)">小脚裤</a>
                        </dd>
                    </div>
                </dl>
                <dl>
                    <div class="up-part">
                        <ul>
                            <li>
                                <a href="javascript:void(0)" class="new">新作商品</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">特大/特小尺码</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">超U惠专区</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="javascript:void(0)">UT特辑</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">合作系列</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">便利购物服务</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">Today's Pick Up</a>
                            </li>
                        </ul>
                    </div>
                    <div class="bottom-part">
                        <div class="part-title">特辑推荐</div>
                        <ul>
                            <li>
                                <a href="javascript:void(0)">
                                    <img src="./assert/yinger01.jpg" alt="">
                                    <p>羽绒服</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <img src="./assert/yinger01_03.jpg" alt="">
                                    <p>法兰绒</p>
                                </a>
                            </li>
                        </ul>
                        <a href="javascript:void(0)" class="title-bottom">点击更多查看专辑</a>
                    </div>
                </dl>
                <a href="javascript:void(0)" class="nav-close-btn">X</a>
            </li>
        </ol>
    </header>

    <!-- 公告栏轮播图 -->
    <div id="notice">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->

          
            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
              <div class="item active">
                <img src="./assert/announce01.jpg" alt="...">
              </div>

              <div class="item">
                <img src="./assert/announce02.jpg" alt="...">
              </div>

              <div class="item">
                <img src="./assert/announce03.jpg" alt="...">
              </div>

              <div class="item">
                <img src="./assert/announce04.jpg" alt="...">
              </div>

              <div class="item">
                <img src="./assert/announce05.jpg" alt="...">
              </div>
            </div>
          
            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
              <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
              <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
    </div>

    <!-- 大轮播图 -->
    <div id="banner">
        <div id="carousel-example-generic1" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
              <li data-target="#carousel-example-generic1" data-slide-to="0" class="active"></li>
              <li data-target="#carousel-example-generic1" data-slide-to="1"></li>
              <li data-target="#carousel-example-generic1" data-slide-to="2"></li>
            </ol>
          
            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
     
            </div>
          
            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic1" role="button" data-slide="prev">
              <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"><</span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic1" role="button" data-slide="next">
              <span class="glyphicon glyphicon-chevron-right" aria-hidden="true">></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
    </div>
    <!-- 通栏分类入口 -->
    <div class="category">
        <ul>
            <li>
                <a href="./list.html">热销TOP30</a>
            </li>
            <li>
                <a href="./list.html">限时特优</a>
            </li>
            <li>
                <a href="./list.html">超U惠专区</a>
            </li>
            <li>
                <a href="./list.html">新作商品</a>
            </li>
            <li>
                <a href="./list.html">旗舰店特别企划商品</a>
            </li>
            <li>
                <a href="./list.html">特大/特小尺码</a>
            </li>
        </ul>
    </div>
    <section class="recommend">
        <!-- 本周推荐  -->
        <div class="now-recommend content">
            <div class="now-title">
                <img src="./assert/zmtj.jpg" alt="">
            </div>
            <div class="now-photo">
                <img src="./assert/zmtj_photo.jpg" alt="">
            </div>
        </div>
        <!-- 人气商品 -->
        <div class="now-recommend content">
            <div class="now-title">
                <img src="./assert/rqsp.jpg" alt="">
            </div>
            <div class="now-photo">
                <img src="./assert/rqsp_photo.jpg" alt="">
            </div>
        </div>
        <!-- 潮流精选 -->
        <div class="now-recommend content">
            <div class="now-title">
                <img src="./assert/cljx.jpg" alt="">
            </div>
            <div class="now-photo">
                <img src="./assert/cljx_photo.jpg" alt="">
            </div>
        </div>
        <!-- 穿搭推荐 -->
        <div class="now-recommend content">
            <div class="now-title">
                <img src="./assert/cdtj.jpg" alt="">
            </div>
            <div class="now-photo">
                <img src="./assert/cdtj_photo.jpg" alt="">
            </div>
        </div>
    </section>
    <!-- 热门商品分类 -->
    <section class="hot-commodity content">
        <div class="hot-commodity-title">
            <img src="./assert/rmspfl.jpg" alt="">
        </div>
        <div class="table_one_box">
            <ul>
                <li class="active">women</li>
                <li>men</li>
                <li>kids</li>
                <li>babys</li>
            </ul>
            <ol class="table_one_content">
                <li class="active">
                    <img src="./assert/women.jpg" alt="">
                </li>
                <li>
                    <img src="./assert/men.jpg" alt="">
                </li>
                <li>
                    <img src="./assert/kids.jpg" alt="">
                </li>
                <li>
                    <img src="./assert/babys.jpg" alt="">
                </li>
            </ol>
        </div>
    </section>
    <!-- 热销排行 -->
    <section class="hot-ranking content">
        <div class="hot-ranking-title">
            <img src="./assert/rxph.jpg" alt="">
        </div>
        <div class="table_two_box">
            <ul class="hot-ranking-word">
                <li class="active">women</li>
                <li>men</li>
                <li>kids</li>
                <li>baby</li>
            </ul>
            <div class="hot-ranking-list">
                <!-- 女装 -->
                <ul class="content active">
                    <li class="change">
                        <div class="pre-sale">
                            <img src="./assert/chaozhijingxuan.jpg" alt="">
                        </div>
                        <div class="small_table_photo">
                            <img src="./assert/nvzhuang01.jpg" alt="">
                        </div>
                        <ul class="small_table_btn">
                            <li class="btn-box" data-img="./assert/nvzhuang01.jpg">
                                <img src="./assert/COL08.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_02.jpg">
                                <img src="./assert/COL19.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_03.jpg">
                                <img src="./assert/COL30.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_04.jpg">
                                <img src="./assert/COL31.jpg" alt="">
                            </li>
                        </ul>
                        <p>女装
                            <span>XS-3XL</span>
                        </p>
                        <p>高级轻型羽绒便携式背心 429455</p>
                        <span>￥299.0</span>
                        <div class="star">
                            <span>(52)</span>
                        </div>
                    </li>
                    <li class="change">
                        <div class="pre-sale">
                            <img src="./assert/chaozhijingxuan.jpg" alt="">
                        </div>
                        <div class="small_table_photo">
                            <img src="./assert/nvzhuang02.jpg" alt="">
                        </div>
                        <ul class="small_table_btn">
                            <li class="btn-box" data-img="./assert/nvzhuang01.jpg">
                                <img src="./assert/COL08.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_02.jpg">
                                <img src="./assert/COL19.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_03.jpg">
                                <img src="./assert/COL30.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_04.jpg">
                                <img src="./assert/COL31.jpg" alt="">
                            </li>
                        </ul>
                        <p>女装
                            <span>XS-3XL</span>
                        </p>
                        <p>高级轻型羽绒便携式背心 429455</p>
                        <span>￥299.0</span>
                        <div class="star">
                            <span>(52)</span>
                        </div>
                    </li>
                    <li class="change">
                        <div class="pre-sale">
                            <img src="./assert/remai.jpg" alt="">
                        </div>
                        <div class="small_table_photo">
                            <img src="./assert/nvzhuang03.jpg" alt="">
                        </div>
                        <ul class="small_table_btn">
                            <li class="btn-box" data-img="./assert/nvzhuang01.jpg">
                                <img src="./assert/COL08.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_02.jpg">
                                <img src="./assert/COL19.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_03.jpg">
                                <img src="./assert/COL30.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_04.jpg">
                                <img src="./assert/COL31.jpg" alt="">
                            </li>
                        </ul>
                        <p>女装
                            <span>XS-3XL</span>
                        </p>
                        <p>高级轻型羽绒便携式背心 429455</p>
                        <span>￥299.0</span>
                        <div class="star">
                            <span>(52)</span>
                        </div>
                    </li>
                    <li class="change">
                        <div class="pre-sale">
                            <img src="./assert/chaozhijingxuan.jpg" alt="">
                        </div>
                        <div class="small_table_photo">
                            <img src="./assert/nvzhuang04.jpg" alt="">
                        </div>
                        <ul class="small_table_btn">
                            <li class="btn-box" data-img="./assert/nvzhuang01.jpg">
                                <img src="./assert/COL08.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_02.jpg">
                                <img src="./assert/COL19.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_03.jpg">
                                <img src="./assert/COL30.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_04.jpg">
                                <img src="./assert/COL31.jpg" alt="">
                            </li>
                        </ul>
                        <p>女装
                            <span>XS-3XL</span>
                        </p>
                        <p>高级轻型羽绒便携式背心 429455</p>
                        <span>￥299.0</span>
                        <div class="star">
                            <span>(52)</span>
                        </div>
                    </li>
                    <li class="change">
                        <div class="pre-sale">
                            <img src="./assert/chaozhijingxuan.jpg" alt="">
                        </div>
                        <div class="small_table_photo">
                            <img src="./assert/nvzhuang05.jpg" alt="">
                        </div>
                        <ul class="small_table_btn">
                            <li class="btn-box" data-img="./assert/nvzhuang01.jpg">
                                <img src="./assert/COL08.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_02.jpg">
                                <img src="./assert/COL19.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_03.jpg">
                                <img src="./assert/COL30.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nvzhuang01_04.jpg">
                                <img src="./assert/COL31.jpg" alt="">
                            </li>
                        </ul>
                        <p>女装
                            <span>XS-3XL</span>
                        </p>
                        <p>高级轻型羽绒便携式背心 429455</p>
                        <span>￥299.0</span>
                        <div class="star">
                            <span>(52)</span>
                        </div>
                    </li>

                </ul>
                <!-- 男装 -->
                <ul class="content ">
                    <li class="change">
                        <div class="pre-sale">
                            <img src="./assert/chaozhijingxuan.jpg" alt="">
                        </div>
                        <div class="small_table_photo">
                            <img src="./assert/nanzhuang01.jpg" alt="">
                        </div>
                        <ul class="small_table_btn">
                            <li class="btn-box" data-img="./assert/nanzhuang01.jpg">
                                <img src="./assert/COL08.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_02.jpg">
                                <img src="./assert/COL19.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_03.jpg">
                                <img src="./assert/COL30.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_04.jpg">
                                <img src="./assert/COL31.jpg" alt="">
                            </li>
                        </ul>
                        <p>女装
                            <span>XS-3XL</span>
                        </p>
                        <p>高级轻型羽绒便携式背心 429455</p>
                        <span>￥299.0</span>
                        <div class="star">
                            <span>(52)</span>
                        </div>
                    </li>
                    <li class="change">
                        <div class="pre-sale">
                            <img src="./assert/chaozhijingxuan.jpg" alt="">
                        </div>
                        <div class="small_table_photo">
                            <img src="./assert/nanzhuang02.jpg" alt="">
                        </div>
                        <ul class="small_table_btn">
                            <li class="btn-box" data-img="./assert/nanzhuang01.jpg">
                                <img src="./assert/COL08.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_02.jpg">
                                <img src="./assert/COL19.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_03.jpg">
                                <img src="./assert/COL30.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_04.jpg">
                                <img src="./assert/COL31.jpg" alt="">
                            </li>
                        </ul>
                        <p>女装
                            <span>XS-3XL</span>
                        </p>
                        <p>高级轻型羽绒便携式背心 429455</p>
                        <span>￥299.0</span>
                        <div class="star">
                            <span>(52)</span>
                        </div>
                    </li>
                    <li class="change">
                        <div class="pre-sale">
                            <img src="./assert/remai.jpg" alt="">
                        </div>
                        <div class="small_table_photo">
                            <img src="./assert/nanzhuang03.jpg" alt="">
                        </div>
                        <ul class="small_table_btn">
                            <li class="btn-box" data-img="./assert/nanzhuang01.jpg">
                                <img src="./assert/COL08.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_02.jpg">
                                <img src="./assert/COL19.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_03.jpg">
                                <img src="./assert/COL30.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_04.jpg">
                                <img src="./assert/COL31.jpg" alt="">
                            </li>
                        </ul>
                        <p>女装
                            <span>XS-3XL</span>
                        </p>
                        <p>高级轻型羽绒便携式背心 429455</p>
                        <span>￥299.0</span>
                        <div class="star">
                            <span>(52)</span>
                        </div>
                    </li>
                    <li class="change">
                        <div class="pre-sale">
                            <img src="./assert/chaozhijingxuan.jpg" alt="">
                        </div>
                        <div class="small_table_photo">
                            <img src="./assert/nanzhuang04.jpg" alt="">
                        </div>
                        <ul class="small_table_btn">
                            <li class="btn-box" data-img="./assert/nanzhuang01.jpg">
                                <img src="./assert/COL08.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_02.jpg">
                                <img src="./assert/COL19.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_03.jpg">
                                <img src="./assert/COL30.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_04.jpg">
                                <img src="./assert/COL31.jpg" alt="">
                            </li>
                        </ul>
                        <p>女装
                            <span>XS-3XL</span>
                        </p>
                        <p>高级轻型羽绒便携式背心 429455</p>
                        <span>￥299.0</span>
                        <div class="star">
                            <span>(52)</span>
                        </div>
                    </li>
                    <li class="change">
                        <div class="pre-sale">
                            <img src="./assert/chaozhijingxuan.jpg" alt="">
                        </div>
                        <div class="small_table_photo">
                            <img src="./assert/nanzhuang05.jpg" alt="">
                        </div>
                        <ul class="small_table_btn">
                            <li class="btn-box" data-img="./assert/nanzhuang01.jpg">
                                <img src="./assert/COL08.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_02.jpg">
                                <img src="./assert/COL19.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_03.jpg">
                                <img src="./assert/COL30.jpg" alt="">
                            </li>
                            <li class="btn-box" data-img="./assert/nanzhuang01_04.jpg">
                                <img src="./assert/COL31.jpg" alt="">
                            </li>
                        </ul>
                        <p>女装
                            <span>XS-3XL</span>
                        </p>
                        <p>高级轻型羽绒便携式背心 429455</p>
                        <span>￥299.0</span>
                        <div class="star">
                            <span>(52)</span>
                        </div>
                    </li>

                </ul>
                <!-- 童装 -->

                <!-- 婴儿  -->


            </div>
        </div>
    </section>
    <!-- 底部 -->
    <footer class="footer-wrapper">
        <div class="footer-nav">
            <div class="footer-logo">
                <img src="./assert/content_logo.png" alt="">
            </div>
            <ul>
                <li>
                    <a href="#">店铺资料</a>
                </li>
                <li>
                    <a href="#">招聘信息</a>
                </li>
                <li>
                    <a href="#">访问权限</a>
                </li>
                <li>
                    <a href="#">隐私权保护</a>
                </li>
            </ul>
        </div>
        <div class="footer-webrecords">
            <div class="textrecord">
                <a href="#">迅销（中国）商贸有限公司 沪ICP备09003223号</a>
                <a href="#">沪公网安备 31010402000957号</a>
            </div>
            <div class="imgrecord">
                <div>
                    <img src="./assert/lz2.jpg" alt="">
                </div>
                <div>
                    <img src="./assert/dajiaping.png" alt="">
                </div>
            </div>
        </div>
    </footer>
    <!-- 楼梯 -->
    <div class="stairs">
        <div class="floor active">本周推荐</div>
        <div class="floor">人气商品</div>
        <div class="floor">潮流精选</div>
        <div class="floor">穿搭推荐</div>
        <div class="floor">热门商品</div>
        <div class="floor">热销排行</div>
        <div class="goTop">回到顶部</div>
    </div>

</body>

<script src="./javascripts/common.js"></script>

<script src="./javascripts/index.js"></script>

</html>